<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Kingdom</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/myButton.css">
    <link rel="stylesheet" type="text/css" href="css/link.css">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/shapes.css">
    <link rel="stylesheet" type="text/css" href="css/nav.css">
    <link rel="stylesheet" type="text/css" href="css/dolphin.css">
    <link rel="stylesheet" type="text/css" href="css/border.css">
    <link rel="stylesheet" type="text/css" href="css/font.css">
    <link rel="stylesheet" type="text/css" href="css/animation.css">
    <link rel="stylesheet" type="text/css" href="css/taiji.css">
    <link rel="stylesheet" type="text/css" href="css/info.css">
    <link rel="stylesheet" type="text/css" href="css/color.css">
    <link rel="stylesheet" type="text/css" href="css/size.css">
    <link rel="stylesheet" type="text/css" href="css/square.css">
    <link rel="stylesheet" type="text/css" href="css/audio.css">
<!--    ed to load resource: net::ERR_FILE_NOT_FOU-->
<!--    这个如果不是idea 打开而是本地打开的话 会使得网页打开很慢 因为找不到这个-->
<!--    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
<!--    联网要时间-->
<!--    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
<!--    用本地下载好的就行了-->
    <link  type="text/css" href="css/font-awesome.min.css"
           rel="stylesheet">


</head>
<body>
<header><h1 class="hover-right-btn hover-big">界</h1>
    <a id="top"></a>
<!--    <a class="box box-200-100  float-right hover-circle" href="animals.html" style="background-color:deeppink;">返回主页</a>-->
<!--    <button class="box box-100 box-purple float-right hover-circle" id="doLogin">登录</button>-->
</header>
<nav>
    <div id="nav">
        <!--    ul>li*5>a[href="#"]   tab -->
        <!--    内容 {} ,光标在哪里他就在哪里生成-->
        <ul class="hover-slow">
            <li><a href="animals.html">首页</a></li>
            <li><a class="hover-show" href="#">动物分类</a>
                <!--            ul>li*3>a[href="#"]-->
                <ul>
                    <li><a href="cat.html">猫</a></li>
                    <li><a href="dog.html">狗</a></li>
                    <li><a href="#">猪</a></li>
                </ul>
            </li>
            <!--            <li><a href="erciyuan.html">去二次元</a></li>-->
            <!--            <li><a href="fantasyTown.html">去幻想乡</a></li>-->

            <li class=""><a  href="腔肠动物门.html">腔肠动物门</a></li>
            <li class=""><a  class="selected-nav" href="Kingdom.html">界</a></li>
            <li class=""><a  class="" href="脊索模块.html">脊索模块</a></li>

<!--            <li class=""><a  href="AnimalKingdom.html">动物界</a></li>-->

            <li><a href="aboutUs.html">关于我们</a></li>
            <li><a href="contactUs.html">联系我们</a></li>
            <!--            <li><a href="beautiful.html">魔幻世界</a></li>-->
            <!--            <li><a href="ABYSS.html">阿比斯</a></li>-->
            <!--            <li><a href="contactUs.html">联系我们</a></li>-->
        </ul>
        <div class="" id="currentTime"></div>
    </div>
</nav>
<!--width-100vw-->
<div class="cols ">
    <!--    middle-layout-parent-->
    <div class="big-link middle-layout-pa hover-shake" style="background-color:cornflowerblue;">
        <a class="vertical-text-writing-mode" href="AnimalKingdom.html">动物界</a>
    </div>

    <div class="big-link  middle-layout-pa hover-shake" style="background-color:greenyellow;color: black">
        <a class="vertical-text-writing-mode" href="AnimalKingdom.html">植物界</a>
    </div>
    <div class="big-link middle-layout-pa hover-shake" style="background-color:palevioletred;">
        <a class="vertical-text-writing-mode" href="AnimalKingdom.html">真菌界</a>
    </div>
    <div class="big-link middle-layout-pa hover-shake" style="background-color:lightskyblue;">
        <a class="vertical-text-writing-mode" href="AnimalKingdom.html">原生生物界</a>
    </div>
    <div class="big-link middle-layout-pa hover-shake" style="background-color:grey;">
        <a class="vertical-text-writing-mode" href="AnimalKingdom.html">原核生物界</a>
    </div>
    <!--    真菌界、原生生物界和原核生物界-->
</div>

<!--<div id="dolphin" class="dolphin float-right">-->
<!--&lt;!&ndash;    🐬&ndash;&gt;-->
<!--    <img src="images/dolphinsJutmpRight.jpg" alt="dolphin">-->
<!--&lt;!&ndash;    <img src="images/抓屁股.gif" alt="抓屁股">&ndash;&gt;-->
<!--</div>-->
<!--<div class="coarse-border"><img src="images/dogalasijia.jpg"></div>-->
<!--<div class="broke-wall"></div>-->

<!--门-->
<div class="cols ">

    <a href="脊索模块.html" class="box box-200-100 hover-shake" style="background-color:red;">脊索动物门</a>
    <!--{原生动物门}-->
    <!--a.box.box-100[style="background-color:#338de$;" href="dog.html"]*7-->
    <a href="腔肠动物门.html" class="box box-200-100 hover-shake" style="background-color:orange;">腔肠动物门</a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:yellow;color: black">菱形虫门 </a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:greenyellow;color: black">直泳虫门</a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:cyan;color: black">环节动物门</a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:dodgerblue;">棘皮动物门</a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:mediumpurple;">节肢动物门</a>
    <a href="dog.html" class="box box-200-100 hover-shake" style="background-color:rebeccapurple;">软体动物门</a>


</div>
<!--bg-whitesmoke width-100vw-->
<div class="crumb-nav-container hover-right-btn ">
    <i class="fa fa-navicon" style="transform: translateY(5px);"></i>

    <section class="crumb-nav">您现在的位置：<a href="animals.html">首页</a> &gt;&gt;界</section>
</div>


<!--正文-->
<!--cols-->
<!--style="background-color:palegoldenrod;"-->
<!--bg-whitesmoke-->
<div class="row ">
    <div class="col">
        <!--        <div class="crumb-nav-container block">-->
        <!--            <i class="fa fa-navicon" style="transform: translateY(5px);"></i>-->
        <!--            <section class="crumb-nav">您现在的位置：<a href="animals.html">首页</a> &gt;&gt;<a href="Kingdom.html">界</a>&gt;&gt;-->
        <!--                动物界</section>-->
        <!--        </div>-->
        <div class="display-container ">
            <div class="grid">
                <!--            <img src="images/dogalasijia.jpg">-->
                <div class="item item-1 hover-big hover-shadow"></div>
                <div class="item item-2 hover-big hover-shadow"></div>
                <div class="item item-3 hover-big hover-shadow"></div>
                <div class="item item-4 hover-big hover-shadow"></div>
                <div class="item item-5 hover-big hover-shadow"></div>
                <!--    <div class="item item-6">6</div>-->
                <!--    <div class="item item-7">7</div>-->
                <!--    <div class="item item-8">8</div>-->
                <!--    <div class="item item-9">9</div>-->
            </div>
        </div>

        <!--        <div class="img-blank">-->
        <!--            <img src="images/duck.jpg">-->
        <!--            <img src="images/dogalasijia.jpg">-->
        <!--            <img src="images/节肢动物.jfif">-->
        <!--            <img src="images/jellyfishFlash.png"></div>-->
    </div>

    <!--    style="background-color:blue;-->
    <!--    <div class="col">-->

    <!--        <div class="taiji taiji-500">-->
    <!--            <div class="yang"></div>-->
    <!--            <div class="yin"></div>-->
    <!--        </div>-->
    <!--        <div><img src="images/heart.png" class="heart-jump" alt="heart"/></div>-->
    <!--    </div>-->
</div>

<!--https://www.cnblogs.com/alanjl/p/3423858.html-->
<div id="gotop">
    <!--    style="line-height:40px; text-align:center;"-->
    <a href="#top" class=""> <i class="fa fa-arrow-up center-block hover-circle hover-rotate purple" title="回到顶部"
                                style="width: 20px;height: 20px"></i></a>
</div>

<div id="copyright" class="copyright">
    <div>Copyright (C) <a href="animals.html">生物们！</a> 2016-2018, All Rights Reserved | 动物宠爱经营许可证
        <a href="http://jigsaw.w3.org/css-validator/check/referer">
            <img style="border:0;width:31px;height:31px" src="images/heart.png" alt="Valid CSS!">
        </a>
    </div>
    <address>通讯地址：杜王町 &nbsp;&nbsp;电话：（010）87878787&nbsp;&nbsp;网管信箱：joske@diamond.jojo.bangumi.com</address>
</div>


<script src="js/button.js" type="text/javascript"></script>

</body>
</html>